﻿
$(document).ready(
$(function() {
    $('#buttonSearch').click(function() {
            $('#navCont').empty();
            $.getJSON("/api/house",
                function(data) {
                    var source =
                    {
                        datatype: "json",
                        datafields: [
                            { name: 'Id' },
                            { name: 'StreetId' },
                            { name: 'HouseNumber' },
                            { name: 'Korp' },
                            { name: 'Created' },
                            { name: 'Updated' }
                        ],
                        id: 'Id',
                        localdata: data
                    };
                    var dataAdapter = new $.jqx.dataAdapter(source);
                    $("#navCont").jqxGrid(
                        {
                            width: 900,
                            height: 900,
                            source: dataAdapter,
                            columns: [
                                { text: 'ID', datafield: 'Id', width: 100 },
                                { text: 'ID улицы', datafield: 'StreetId', width: 100 },
                                { text: 'Дом', datafield: 'HouseNumber', width: 200 },
                                { text: 'Корпус', datafield: 'Korp', width: 200 },
                                { text: 'Дата создания', datafield: 'Created', width: 200 },
                                { text: 'Дата обновления', datafield: 'Updated', width: 100 }
                            ]
                        }
                    );
                }
                )
        }
    )
}));